<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
	<link rel="stylesheet" href="http://localhost/cms_edu/Template/default/css/page.css" />
	<link rel="stylesheet" href="http://localhost/cms_edu/Template/default/css/style.css" />
<script type="text/javascript" src="http://localhost/cms_edu/Template/default/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://localhost/cms_edu/Template/default/js/js.js"></script>
<link rel="stylesheet" type="text/css" href="http://localhost/cms_edu/Static/hdjs/hdjs.css"/>
<script src="http://localhost/cms_edu/Static/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
	$(function(){
		//定义检测用户名是否存在的ajax请求地址
		var checkUser = "http://localhost/cms_edu/Index/Common/checkUser.html";
		var checkUserCode = "http://localhost/cms_edu/Index/Common/checkUserCode.html";
		$('#regForm').validate({
			username_reg : {
				rule:{
					required:true,
					ajax:{url:checkUser}
				},
				error:{
					required:'用户名必填',
				},
				success:'ok',
				message:'请填写用户名'
			},
			nickname : {
				rule:{
					required:true,
				},
				error:{
					required:'昵称必填',
				},
				success:'ok',
				message:'请填写昵称'
			},
			password_reg1 : {
				rule:{
					required:true,
					minlen:6
				},
				error:{
					required:'密码必填',
					minlen:'密码不得少于6位'
				},
				success:'ok',
				message:'请填写密码'
			},
			password_reg2 : {
				rule:{
					required:true,
					confirm:'password_reg1'
				},
				error:{
					required:'确认密码必填',
					confirm:'两次密码不相同'
				},
				success:'ok',
				message:'请填写密码'
			},
			code : {
				rule:{
					required:true,
					ajax:{url:checkUserCode}
				},
				error:{
					required:'验证码必填',
				},
				success:'ok',
				message:'请填写验证码'
			},
		})
	})
</script>
</head>
<body>
	<!-- 顶部100%灰色区域 -->
	<div id="top_dark_box">
		<!-- 中间1200px宽度区域 -->
		<div id="top_dark">
			<a href="http://localhost/cms_edu"><img src="http://localhost/cms_edu/Template/default/images/others/logo.jpg" id="logo" /></a>
			<!-- 导航菜单 -->
			<ul id="menu">
					
					<li>
						<a href="http://localhost/cms_edu/Static/default/falali/index.html">法拉利</a>
					</li>
				
	
					<li>
						<a href="http://localhost/cms_edu/Static/default/mashaladi/index.html">玛莎拉蒂</a>
					</li>
				
	
					<li>
						<a href="http://localhost/cms_edu/Static/default/paoshijie/index.html">保时捷</a>
					</li>
				
	
					<li>
						<a href="http://localhost/cms_edu/Static/default/lanbojini/index.html">兰博基尼</a>
					</li>
				
	
					<li>
						<a href="http://localhost/cms_edu/Static/default/bujiadi/index.html"> 布加迪</a>
					</li>
				
	
					<li>
						<a href="http://localhost/cms_edu/Static/default/xibeier/index.html">西尔贝</a>
					</li>
				
			</ul>
			<!-- 导航菜单结束 -->
			<!-- 用户登录 -->
			<div id="loginInfo" class='loginInfo'>
								<a href="javascript:showLoginBox()" class="top_login">用户登录</a>
				<a href="javascript:showRegBox();">注册</a>
							</div>
			<!-- 用户登录对应隐藏区域 -->
			<form id="loginForm" action="http://localhost/cms_edu/Index/Html/login.html" method="post">
			<div class="login_hide_box">
				<img src="http://localhost/cms_edu/Template/default/images/sanjiao.gif" alt="" />
				<div class="middle">
					<p>用户名：</p>
					<input type="text" name="username" class="text" />
					<p>密码：</p>
					<input type="password" name="password" class="text" />
					<input type="submit" value="" class="sub" />
				</div>
				<div class="bottom">
					<a  href="javascript:showRegBox();" class="reg">注册</a>
				</div>
			</div>
			</form>
			
			<!-- 用户注册对应隐藏区域 -->
			<form id="regForm" action="http://localhost/cms_edu/Index/Html/reg.html" method="post">	
			<div class="reg_hide_box">
				<img src="http://localhost/cms_edu/Template/default/images/sanjiao.gif" alt="" />
				<div class="middle">
					<p>用户名：<span id="hd_username_reg"></span></p>
					<input type="text" name="username_reg" class="text username" />
					<p>昵称：</p>
					<input type="text" name="nickname" class="text nickname" />
					<p>密码：</p>
					<input type="password" name="password_reg1" class="text password" />
					<p>确认密码：</p>
					<input type="password" name="password_reg2" class="text password" />
					<p>验证码：</p>
					<img src="http://localhost/cms_edu/Index/Html/code.html" id="code" onclick="this.src=this.src + '&' + Math.random()"/>
					<input type="text"  name="code" class="text password_d" />
					<input type="submit" value="注册" class="sub" />
				</div>
			</div>
			</form>
		</div>
		<!-- 中间1200px宽度区域结束 -->
	</div>
	<!-- 顶部灰色100%区域结束 -->
	
	<!-- 顶部最新消息区域 -->
	<div id="latest_news_box">
		<div id="latest_news">
			<p><span class="title">最新消息：</span>
				兰博基尼</p>
		</div>
	</div>
	<!-- 顶部最新消息区域结束 -->
		
		
		
		
		
	
	<!-- 主体区域 -->
	<div id="page_main">
		<!-- 右侧区域 -->
	<!-- 右侧区域 -->
		<div class="right">
			<div class='hd_title'>
				<strong>标签云</strong>	
			</div>
			<div id="tagBox" class='tags'>
								
					<a href="http://localhost/cms_edu/t_27.html">html</a>	
				
				
					<a href="http://localhost/cms_edu/t_26.html">js</a>	
				
				
					<a href="http://localhost/cms_edu/t_25.html">css</a>	
				
				
					<a href="http://localhost/cms_edu/t_24.html">div</a>	
				
					</div>
			<div class='hd_title'>
				<strong>热门文章</strong>	
			</div>
			<ul class='arc_list'>
				
					<li>
						<div class='image'>
							<a href="http://localhost/cms_edu/Static/default/lanbojini/arc/39.html">
								<img src="http://localhost/cms_edu/Upload/17311434050956_thumb.jpg" alt=""/>
							</a>
						</div>
						<h2><a href="http://localhost/cms_edu/Static/default/lanbojini/arc/39.html">兰博基尼...</a></h2>
						<p>
							<em>06-12</em><span>0条评论</span>
						</p>
					</li>
				

					<li>
						<div class='image'>
							<a href="http://localhost/cms_edu/Static/default/bujiadi/arc/37.html">
								<img src="http://localhost/cms_edu/Upload/5141434050412_thumb.jpg" alt=""/>
							</a>
						</div>
						<h2><a href="http://localhost/cms_edu/Static/default/bujiadi/arc/37.html">一个历史悠久品牌的重生...</a></h2>
						<p>
							<em>06-12</em><span>0条评论</span>
						</p>
					</li>
				
	
			</ul>
			<div class='hd_title'>
				<strong>推荐文章</strong>	
			</div>
			
			<ul class='arc_list'>
				
					<li>
						<div class='image'>
							<a href="http://localhost/cms_edu/Static/default/xibeier/arc/38.html">
								<img src="http://localhost/cms_edu/Upload/81031434050555_thumb.jpg" alt=""/>
							</a>
						</div>
						<h2><a href="http://localhost/cms_edu/Static/default/xibeier/arc/38.html">世界顶级跑车西尔贝豪车排行榜第一...</a></h2>
						<p>
							<em>06-12</em><span>0条评论</span>
						</p>
					</li>
				

					<li>
						<div class='image'>
							<a href="http://localhost/cms_edu/Static/default/bujiadi/arc/37.html">
								<img src="http://localhost/cms_edu/Upload/5141434050412_thumb.jpg" alt=""/>
							</a>
						</div>
						<h2><a href="http://localhost/cms_edu/Static/default/bujiadi/arc/37.html">一个历史悠久品牌的重生...</a></h2>
						<p>
							<em>06-12</em><span>0条评论</span>
						</p>
					</li>
				
	
			
			</ul>
		</div>
		<!-- 右侧区域结束 -->
		<!-- 右侧区域结束 -->
		<!-- 左侧 -->
		<div class="left">
			<h1><a href="">法拉利458 SPECIALE 获得5星级大奖</a></h1>
			<!-- 文章信息 -->
			<div class="article_info_box">
				<p class="article_info">
					<span class="padding_right">06-12 02:53:19</span>
					分类：<a href="" class="padding_right">法拉利</a>
					<a href="" class="padding_right comment">0条评论</a>
					<span id="click">0</span>次浏览
				</p>
			</div>
			<!-- 文章信息结束 -->

			<!-- 文章内容区域 -->
			<div class="article_content">
				<p><img src="/Upload/ueditor/image/20150612/1434048798998896.jpg" alt="法拉利458 SPECIALE 获得5星级大奖"/></p><p class="category category-news">GT与运动跑车</p><p><strong>V8受到《AUTOCAR》杂志嘉奖</strong></p><p>马
拉内罗，2015年5月19日—— 继2014年458 Italia荣获5星级大奖后，今年法拉利凭借458 
Speciale延续辉煌，再次被《Autocar》杂志授予5星级大奖。458 
Speciale是法拉利最后一款使用自然吸气式中置V8引擎的汽车，注定要成为法拉利在业界所获无数赞美和奖项中不朽的一员。</p><p>在5星级公
路测试中，《Autocar》评价458 
Speciale道：“它很可能是世界上最令人兴奋、毫不妥协的一款车。”该杂志继而补充说明：“Speciale能受人喜爱，正是由于它是一款纯粹、不
打折扣的汽车。像所有伟大的高性能车一样，它具备超强的绝对控制力和灵敏度，能与车手良好的沟通，以及挑战车手是否会达到和它一样的水平或者在这个过程中
发现自己的极限。它的操作性能让人震撼，并且全身心地投入到追逐速度与激情的乐趣中。”</p><p>这款法拉利458 Speciale在9000 
rpm时可达到605 HP，是有史以来最强大的自然吸气式V8汽车。另外，458 Speciale只有1290 kg的极轻车辆自重，比458 
Italia轻90kg，可提供前所未有的性能：仅在3.0秒内即可从启动加速到100 km/h，在费奥拉诺的单圈时间仅为1’23”5。458 
Speciale也是首款引入主动式空气动力学的法拉利生产系列车，在车子前后均配备移动设备，可提高操作性、性能、车手的信心和驾驶的乐趣。</p><p><br/></p>			</div>
			<!-- 文章内容区域结束 -->

			<p class="position">当前位置：<a href="">法拉利</a> » <a href="">法拉利458 SPECIALE 获得5星级大奖</a></p>
			<p class="tags">
				浏览有关
				<!-- //标签 -->
								
				<a href="http://localhost/cms_edu/t_27.html">html</a>
				
				
				<a href="http://localhost/cms_edu/t_26.html">js</a>
				
				
				<a href="http://localhost/cms_edu/t_25.html">css</a>
				
				
				<a href="http://localhost/cms_edu/t_24.html">div</a>
				
						的文章</p>
			<!-- 相关文章 -->
			<ul id="msg_list" class="msg_list">
				<p id="loading">
					<img src="./images/loading.gif" style='width:50px;height:50px;'>
				</p>
				<div>
					评论：
					<ul class="comment-ul">
						
					</ul>
				</div>
			</ul>
			<div id="comment-form-box">
				<form id="commentForm" action="" method="post">	
					<textarea id="comment_content" name="comcon"></textarea>
					<input class='submit' type="submit" value="发表评论">
				</form>
			</div>
		</div>	
	<!-- 主体区域结束 -->
	<!-- 底部区域 -->
	<!-- 底部浅灰色导航区域 -->
	<div id="bottom_menu_box" style="margin-top:30px;">
		<div class="bottom_menu">
				
			<dl>
				<dt><a href="http://www.ferrari.com">法拉利中国官网</a></dt>
			</dl>
           	
	
			<dl>
				<dt><a href="http://www.maserati.com.cn">玛莎拉蒂中国官网</a></dt>
			</dl>
           	
	
			<dl>
				<dt><a href="www.porsche.com/china/">保时捷中国官网</a></dt>
			</dl>
           	
	
			<dl>
				<dt><a href="http://www.lamborghini.com/cn/">兰博基尼中国官网</a></dt>
			</dl>
           	
	
			<dl>
				<dt><a href="http://www.bugatti-china.com">布加迪中国官网</a></dt>
			</dl>
           	
	
			<dl>
				<dt><a href="http://www.sscnorthamerica.com">西尔贝官网</a></dt>
			</dl>
           	
		</div>
	</div>
	<!-- 底部浅灰色导航区域结束 -->

	<!-- 底部版权区域 -->
	<div id="bottom_copyright_box">
		<div class="bottom_copyright">
			版权信息
		</div>
	</div>
	<!-- 底部版权区域结束 -->
	
</body>
</html>